<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>切换图片</title>
		<script>
			function shiftImg()
			{
				var d=document.getElementById("myAd");
				d.src="images/shoppingBg.jpg";
			}
			function changeTab()
			{
				var t=document.getElementById("tongxunlu");
				t.border="10";
				t.width="60%";
				t.align="left";
			}
		</script>
	</head>
	<body onload="shiftImg()">
		<img src="images/dd_logo.jpg" id="myAd"/>
		<h1>java46班通讯录</h1>
		<input type="button" value="修改表格样式" onclick="changeTab()"/>
		<table id="tongxunlu" width="100%" align="center" border="1" cellpadding="0" cellspacing="0">
			<caption>卓尔科技通讯录</caption>
			<tr>
				<td>学号</td>
				<td>姓名</td>
				<td>手机号</td>
				<td>QQ</td>
				<td>住址</td>
			</tr>
			<tr>
				<td>cn--1</td>
				<td>蔡启明</td>
				<td>138747383883</td>
				<td>19483984398393</td>
				<td>工大旁边</td>
			</tr>
			<tr>
				<td>cn--1</td>
				<td>蔡启明2</td>
				<td>138747383883</td>
				<td>19483984398393</td>
				<td>工大旁边</td>
			</tr>
			<tr>
				<td>cn--1</td>
				<td>蔡启明4</td>
				<td>138747383883</td>
				<td>19483984398393</td>
				<td>工大旁边</td>
			</tr>
			<tr>
				<td>cn--1</td>
				<td>蔡4明</td>
				<td>138747383883</td>
				<td>19483984398393</td>
				<td>工大旁边</td>
			</tr>
			<tr>
				<td>cn--1</td>
				<td>蔡5明</td>
				<td>138747383883</td>
				<td>19483984398393</td>
				<td>工大旁边</td>
			</tr>
		</table>
	</body>
	<!--<script>
			var d=document.getElementById("myAd");
			d.src="images/shoppingBg.jpg";
		</script>-->
</html>
